<template>
	<view>
		<Header :isBack="true">
			<block slot="content">{{title}}</block>
		</Header>
		<view class="select">
			<view class="select-work">
				<button type="primary" @click="btnClick">点击选择工种</button>
				<Works ref='Works' :pickerSize="pickerSize" :pickerUrl="pickerUrl"></Works>
			</view>
		</view>
	</view>
</template>

<script>
	import Works from '@/pages2/components/works/works.vue';
	export default {
		components: {
			Works
		},
		data() {
			return {
				title: '选择工种',
				pickerSize: 2, //级别
				pickerUrl: 'https://test.hnliandesy.com/api/getPosByPid', //地址
			}
		},
		onLoad() {

		},
		methods: {
			btnClick() {
				this.$refs.Works.show()
			}
		}
	}
</script>
<style>
	page {
		background-color: #f7f7f7;
		font-size: $font-base;
	}
</style>
<style>
	.select {
		width: 100%;
		padding: 200rpx 10%;
		height: 350rpx;

	}

	.select-work {
		width: 100%;
		border-radius: 10upx;
		border: 2upx solid #9c9696;
		text-align: center;
		padding: 8upx;

	}

	uni-button[type=primary] {
		color: #fff;
		background-color: #f3431a;
		font-size: $font-base;
	}
</style>
